<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<!--控制条块状黑色-->
		<meta content="telephone=no" name="format-detection" />
		<!--禁止数字转拨号-->
		<link rel="stylesheet" type="text/css" href="../../css/reset.css">
		<link href="../../css/iconfont.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/second.css" />
		<script src="../../js/jquery-1.11.3.min.js"></script>
		<!--百度地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
		<link rel="stylesheet" type="text/css" href="../../libs/layui/css/layui.css" />
		<script src="../../js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../../libs/layui/layui.js"></script>
		<style>
			.mui-control-content {
			min-height:-webkit-fill-available;
		}
		.mui-control-content .mui-loading {
			margin-top: 50px;
		}
	</style>
	</head>
	<body>
		<!--顶部nav-->
		<div class="mui-navbar-inner mui-bar mui-bar-nav">
			<!--<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
		<span class="mui-icon mui-icon-left-nav" ></span>
	</button>-->
			<!--返回-->
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-l
			eft"></a>
			<h1 class="mui-center mui-title">急修工单接收</h1>
		</div>
		<!--内容区-->
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
					<a class="mui-control-item mui-active" href="#item1mobile">
						待接收
						<span> </span>
					</a>
					<a class="mui-control-item" href="#item2mobile">
						处理中
						<span> </span>
					</a>
					<a class="mui-control-item" href="#item3mobile">
						已完成
						<span> </span>
					</a>
				</div>
				<div class="mui-slider-group urgent">
					<div id="item1mobile" class="mui-slider-item mui-control-content">
						<div id="scroll1" class="item-content" data-scroll="1">
							<div class="mui-scroll">
								<ul class="mui-table-view">

								</ul>
							</div>
							<div class="mui-scrollbar mui-scrollbar-vertical">
								<div class="mui-scrollbar-indicator"></div>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="item-content" data-scroll="2">
							<div class="mui-scroll">
								<ul class="mui-table-view">

								</ul>
							</div>
							<div class="mui-scrollbar mui-scrollbar-vertical">
								<div class="mui-scrollbar-indicator"></div>
							</div>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="item-content" data-scroll="3">
							<div class="mui-scroll">
								<ul class="mui-table-view">

								</ul>
							</div>
							<div class="mui-scrollbar mui-scrollbar-vertical">
								<div class="mui-scrollbar-indicator"></div>
							</div>
						</div>
					</div>
				</div>
			</div>		
		</div>
		<!-- 弹出框-->
		<div class="up_inner" style="position: relative;">
			<div class="up_cont">
				<div class="up_line" style="-webkit-user-select:text !important;">
					<div class="close_a">
						<i></i>
					</div>
					<input placeholder="拒绝原因" name="bz" style="-webkit-user-select:text !important;">
				</div>
				<div class="up_input">
					<button class="un_Agree"> 拒绝任务 </button><button class="Agree"> 接受任务 </button>
				</div>
			</div>
		</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.view.js"></script>
		<script src="../../js/loading.js"></script>
		<script src="../../js/main.js"></script>
		<script src="../../js/urgent/urgent-list.js"></script>
		<script src="../../libs/mustache.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//弹出框
			$("#item1mobile li").click(function() {
				$(".up_inner").show();
			})
			$(".un_Agree").click(function() {
				$(".up_inner").hide();
			})
			$(".close_a").click(function() {
				$(".up_inner").hide();
			})
			
		</script>
	</body>
</html>
